<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <meta name="keywords" content="#">
    <meta name="author" content="张伟海">
    <meta name="description" content="#">
    <link rel="shrotcut icon" href="">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>

<header class="header">
    <h5>登录</h5>
</header>
<div class="middle container">
    <img class="icon" src="img/Icon.png" alt="Icon">
    <div class="user">
        <div class="user-name clearFix">
            <span></span>
            <input type="text" placeholder="用户名" id="name">
        </div>
        <div class="user-psw clearFix">
            <span></span>
            <input type="password" placeholder="密码" id="psw">
        </div>
        <label class="clause">
            <input type="checkbox">
            <p>我已经确认阅读并同意<a href="#">《使用条款和隐私政策》</a></p>
        </label>
        <button class="login" id="login">登录</button>
        <p class="loginInfo">使用其他账号登录</p>
        <div class="login-mode clearFix">
            <a href="javascript:;"><img src="img/qq.png" alt=""></a>
            <a href="javascript:;"><img src="img/weixin.png" alt=""></a>
        </div>
    </div>
</div>

<div class="bottom clearFix">
    <a href="javascript:;">忘记密码？</a>
    <a href="register.html">注册</a>
</div>

<script src="lib/zepto.min.js"></script>
<script src="lib/touch.zepto.js"></script>
<script src="js/common.js"></script>
<script src="js/login.js"></script>
</body>
</html>